<template>
  <basic-container :btnFlag = true>
    <!--<el-tabs v-model="activeName" @tab-click="handleClick" class="toDoClass">-->
    <el-tabs v-model="activeName"  class="toDoClass">
      <el-tab-pane name="first">
        <span slot="label">
          <el-badge :value="unreadMsgTotal" class="item">
            通知消息
          </el-badge>
        </span>
        <toDoMsg @getTotal="getUnreadMsgTotal"></toDoMsg>
      </el-tab-pane>
    </el-tabs>
  </basic-container>
</template>
<script>
  import toDoMsg from '@/views/planning/detailedList/toDoMsg'
  import levyFeedbackList from '@/views/subject/levyFeedbackList'
  export default {
    components: {
      toDoMsg,
      levyFeedbackList,
    },
    name: "unreadMsg",
    data() {
      return {
        activeName:'first',
        unreadMsgTotal:'',
        levyFeedbackTotal:'',
      };
    },
    methods: {
      // 获取待办规划总数
      getUnreadMsgTotal(unreadMsgTotal){
        this.unreadMsgTotal = unreadMsgTotal
      },
      // 获取待办清单总数
      getlevyFeedbackTotal(levyFeedbackTotal){
        this.levyFeedbackTotal = levyFeedbackTotal
      },

    }
  };
</script>


<style lang="scss">
  .toDoClass .el-badge__content.is-fixed {
    position: absolute;
    top: 8px;
    right: 10px;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
  }
</style>
